Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Congratulations to the nominees and winners of the BAFTA Games

game

Join us on the BAFTA Games Awards red ca...

  2026/04/18

【Claude Code Skills超入門】自分専用のAI社員を作る方法|Skillsとは?作り方・使い方を20分で完全解説

ClaudeやClaude Codeについて「キノクエスト」でもっと学習できます...

  2026/04/18

Game developer predictions: who will win?

game

Join us at the star-studded BAFTA Games ...

  2026/04/17

How to ensure Agent uses custom libraries, frameworks and design syste

Design

Learn how to effectively guide Gemini in...

  2026/04/17

Build Android apps using any AI agent with Android CLI

android
android

The new Android CLI helps AI agents buil...

  2026/04/17

EC2 インスタンスで特定の IP アドレスを許可またはブロックする方法を教えてください

詳細について、動画の関連ナレッジセンター記事をご参照ください: 大西が、EC2...

  2026/04/16

CNAME レコードが解決されず、DNS ステータスが保留中の検証のままになっている ACM 証明書をトラブルシューティングする方法を教えて

詳細について、動画の関連ナレッジセンター記事をご参照ください: ACM発行証明...

  2026/04/16

Build Android apps using any AI agent with Android CLI and skills

android
android

We’re making it easier for you to build ...

  2026/04/16

How Karaca achieved 50% faster feature delivery

Discover how @KaracaOnline, a Turkish h...

  2026/04/16

You Need To Use This TSConfig Setting

Twitter

🌎 Find Me Here: My Blog: My Courses: ...

  2026/04/16

How Karaca transformed its business with Flutter

flutter

Discover how @KaracaOnline , a Turkish h...

  2026/04/16

Trapped Ions vs Photonics: Quantum Hardware

python

Download your free Python Cheat Sheet he...

  2026/04/15

Google Play PolicyBytes - April 2026 policy updates

Google

Bohdan Kosenko, from Regional Operations...

  2026/04/15

React Native Crash Course 2026 - Build a Complete Mobile App

react
Apple
モバイル

Learn how to build native mobile apps fr...

  2026/04/15

Claude Codeで自分用システムを作った過程をお見せします!Claude Codeの使い方やSkillsの活用を学びたい方はこの動画を

本日は図解生成アプリをClaudeCodeで作った過程をお話させて頂きました! ...

  2026/04/15